﻿{include file="base/header"}

<div class="swiper banner clear">
  <div class="swiper-wrapper">
	{volist name="banner_list" id="vo"}
    <div class="swiper-slide">
      <div class="w">
        <div class="txt">{$vo.title}</div>
      </div>
		{if condition="$vo['file_type'] eq 'video/mp4'"}
        <video src="{$vo.image}" autoplay="autoplay" loop  muted width=100% ></video>
	    {else}
	    <img src="{$vo.image}" />
	    {/if}
    </div>
    {/volist}
  </div>
  <div class="w bp">
    <div class="b_page"><div class="swiper-pagination"></div></div>
  </div>
  <script>
    var banner = new Swiper(".banner", {
      pagination: {
        el: ".banner .swiper-pagination",
		clickable: true,
      },
	  autoplay: {
        delay:19000,
		pauseOnMouseEnter: true,
		disableOnInteraction: false,
	  },
	  //effect:'fade'
	  on:{
		init: function(){swiperAnimate(this);}, 
		slideChange: function(){ swiperAnimate(this);} 
	  },
    });
  </script>
</div>
<!-- <div class="w clear">
  <div class="con0">
    <div class="swiper">
      <div class="swiper-wrapper">
		{sp:articles cid="25" id="vo1" field='a_id,title,url,img' order="sort asc,a_id asc"}
        <div class="swiper-slide"><a class="comflex2" href="{$vo1.url}"><div class="txt">
          <i class="i{$i}" style=""></i><em>{$vo1.title}</em><p>查看更多 &gt;</p></div></a></div>
         <style>
           /*.con0 .swiper-slide i{background:url({$vo1.img}) no-repeat;}*/
           .con0 .swiper-slide i.i{$i}{background:url({$vo1.img}) no-repeat; background-position:0 0;}
           .con0 .swiper-slide:hover i.i{$i}{ background-position:-55px 0;}
         </style>
        {/sp:articles}
      </div>
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
  <script>
    var con0 = new Swiper(".con0 .swiper", {
      slidesPerView:4,
      spaceBetween: '1.07%',
      autoplay: {
        pauseOnMouseEnter: true,
        disableOnInteraction: false,
      },
      navigation: {
          nextEl: ".con0 .swiper-button-next",
          prevEl: ".con0 .swiper-button-prev",
        },
      breakpoints: {
        640: {
          slidesPerView:'auto',
          spaceBetween:20,
        },
        1024: {
          slidesPerView:4,
          spaceBetween: '1.07%',
        },
      },
    });
  </script>
</div> -->
<div class="con1 wow fadeInUp clear">
  <div class="w">
    <div class="con1_c" style="width:100%;">
      <div class="con1_t1"><img src="{$index_config.img}" /></div>
      <div class="con1_txt">
        <h3>{$index_config.title}</h3>
        <p>{$index_config.desc}</p>
      </div>
      <ul class="con1_list comflex" style="bottom:-190px;">
        <li><img src="/static/images/radius.png" /><div class="txt comflex1"><span class="counter">{$index_config.field1}</span><span>+</span><font>㎡</font><em>Independent production base</em></div></li>
        <li><img src="/static/images/radius.png" /><div class="txt comflex1"><span class="counter">{$index_config.field2}</span><span>+</span><font>R & D </font><em>Center (Cangzhou / Wuhan</em></div></li>
        <li><img src="/static/images/radius.png" /><div class="txt comflex1"><span class="counter">{$index_config.field3}</span><span>+</span><em>Years Professional supplier of destruction equipment</em></div></li>
        <li><img src="/static/images/radius.png" /><div class="txt comflex1"><span class="counter">{$index_config.field4}</span><span>+</span><em>Clients</em></div></li>
      </ul>
    </div>
  </div>
  <!-- <div class="swiper con1_pic clear">
    <div class="swiper-wrapper">
	  {sp:articles cid="26" id="vo1" field='a_id,img,url' order="sort asc,a_id asc"}	
      <div class="swiper-slide"><a href="{$vo1.url}"><img style="border: 1px solid #5091e7" src="{$vo1.img}" /></a></div>
	  {/sp:articles}
    </div>
    <div class="w bp">
      <div class="b_page"><div class="swiper-pagination"></div></div>
    </div>
    <script>
      var con1_pic = new Swiper(".con1_pic", {
        pagination: {
          el: ".con1_pic .swiper-pagination",
          clickable: true,
        },
        autoplay: {
		  pauseOnMouseEnter: true,
		  disableOnInteraction: false,
		},
        //effect:'fade'
        on:{
          init: function(){swiperAnimate(this);}, 
          slideChange: function(){ swiperAnimate(this);} 
        },
      });
    </script>
  </div> -->
</div>
<div class="con2 w wow fadeInUp clear">
  <div class="titc"><span>{$index_config.field7}</span><em>{$index_config.field5}</em></div>
  <div class="con2_txt">{$index_config.field6}</div>
  <div class="con2_w">
    <ul class="com comflex1">
	{sp:articles cid="$case_ids" id="vo1" field='a_id,title,title_fu,img,create_time' order="sort asc,a_id asc" is_home="1"}
      <li><img src="/static/images/df3.png" /><a href="{:url('article/info',['id'=>$vo1['a_id']])}"><div class="txt"><em>0{$i}</em><p>{$vo1.title}</p><i>more</i></div></a></li>
	{/sp:articles}
    </ul>
  </div>
</div>
<div class="con3 wow fadeInUp clear">
  <div class="w">
    <div class="titc"><span>our product</span><em>our product</em></div>
    <div thumbsSlider="" class="swiper con3_top">
      <div class="swiper-wrapper">
	  
		{volist name="pro_cate" id="vo"}
        <div class="swiper-slide">{$vo.title}</div>
		{/volist}	
      </div>
    </div>
    <div class="swiper con3_pro">
      <div class="swiper-wrapper">
		{volist name="pro_cate" id="vo"}
        <div class="swiper-slide">
          <ul class="con3_list com comflex1">
			{sp:articles cid="$vo['cids']" id="vo1" field='a_id,title,title_fu,img' order="sort asc,a_id asc" limit="4" is_home="1"}
            <li>
              <a href="{:url('article/info',['id'=>$vo1['a_id']])}">
                <div class="pic"><img class="df_pic" src="/static/images/df1.png" /><div class="pic_w comflex2"><img src="{$vo1.img}" /></div></div>
                <p>{$vo1.title}<em>{$vo1.title_fu}</em></p>
                <div class="txt">
                  <div class="txt_c comflex2">
                    <div class="clear"><p>{$vo1.title}<em>{$vo1.title_fu}</em></p><i>more</i></div>
                  </div>
                </div>
              </a>
            </li>
			{/sp:articles}
          </ul>
          <div class="pro_more"><a href="{:url('cate/index',['cid'=>$vo['id']])}">more</a></div>
        </div>
        {/volist}
		
      </div>
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    </div>
    <script>
      var con3_top = new Swiper(".con3_top", {
        spaceBetween: 10,
        slidesPerView:7,
        freeMode: true,
        watchSlidesProgress: true,
		breakpoints: {
		  640: {
			slidesPerView:'auto',
			spaceBetween: 20,
		  },
		  1024: {
			slidesPerView:7,
			spaceBetween: 10,
		  },
		},
      });
      var con3_pro = new Swiper(".con3_pro", {
        navigation: {
          nextEl: ".con3_pro .swiper-button-next",
          prevEl: ".con3_pro .swiper-button-prev",
        },
        thumbs: {
          swiper: con3_top,
        },
      });
    </script>
  </div>
</div>


<script src="/static/js/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.countup.min.js"></script>
<script type="text/javascript">
  $('.counter').countUp();
</script>

{include file="base/footer"}